<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmPlanEconomico">
        <rich:panel id="panPlanEconomico" header="#{general.plan} #{general.economico}" >
	<h:panelGrid id="outIncPlanEcoutCodigoCompetidoronomico" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
	</h:panelGrid>
             <h:outputText value="Competidores" />

             <!-- =========== PANEL COMPETIDORES ================================== -->
                 <rich:panel id="pnlCompetidores" >

                     <a4j:commandButton id="btnNuevoCompetidor" value="Nuevo Competidor" action="#{gestorPlanEconomico.nuevoCompetidor}"
                                        title="Nueva" reRender="pnlCompetidores" immediate="true"/>
                     <rich:panel id="pnlListaCompetidores" rendered="#{gestorPlanEconomico.renderCompetidor}" header="Ingresar Competidor" >
                     <h:panelGrid id="outIngresoCompetidor" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
                             
                                <h:outputText value="Nombre:" />
                                <h:panelGroup>

                                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                    <h:inputText id="Nombre" value="#{gestorPlanEconomico.currentCompetidor.nombre}"  maxlength="100" style=" width : 180px;">
                                        <a4j:support event="onblur"/>
                                    </h:inputText>
                                    <rich:message for="Nombre" errorClass="mensaje_error"/>
                                </h:panelGroup>
                             

                              <h:outputText value="#{general.descripcion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="#{general.descripcion}" required="true" value="#{gestorPlanEconomico.currentCompetidor.descripcion}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="100"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="Objetivo" errorClass="mensaje_error"/>
                            </h:panelGroup>

                              <h:outputText value="#{general.caracteristicas}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="Caracteristicas" required="true" value="#{gestorPlanEconomico.currentCompetidor.caracteristicas}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="500"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="Objetivo" errorClass="mensaje_error"/>
                            </h:panelGroup>


                           <h:outputText id="outExistentePotencial" value="Existente Potencial:" styleClass="texto_negrita_derecha"/>
                           <h:panelGroup>
                           <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                           <h:selectOneMenu id="slmExistentePotencial" value="#{gestorPlanEconomico.currentCompetidor.existe_potencial}" >
                                <f:selectItem id="sliExistente" itemValue="1" itemLabel="Existente"/>
                                <f:selectItem id="sliPotencial" itemValue="2" itemLabel="Potencial"/>
                                <a4j:support id="supExistentePotencial" event="onchange" ajaxSingle="true"/>
                            </h:selectOneMenu>
                           </h:panelGroup>
                           
                              <!--   <h:outputText value="#{general.codigo}:" />
                                 <h:inputText readonly="true" value="#{gestorPlanEconomico.currentCompetidor.codigo}" style=" width : 101px;"/>-->

                         </h:panelGrid>
                         <a4j:commandButton id="btnGrabarCompetidor" value="Grabar" action="#{gestorPlanEconomico.grabarCompetidor}"
                                            title="Grabar" reRender="pnlCompetidores"/>
                         <a4j:commandButton id="btnCancelarCompetidor" value="Cancelar" action="#{gestorPlanEconomico.cerrarCompetidor}"
                                            title="Cerrar" reRender="pnlCompetidores" immediate="true"/>

                      </rich:panel>

                     <!-- =========== TABLA COMPETIDORES ================================== -->
        	   <rich:dataTable id="tblCompetidores" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="row" value="#{gestorPlanEconomico.currentEmprendimiento.competidores}"
                    binding="#{gestorPlanEconomico.tablaCompetidor}">
                      
                       <rich:column label="#{general.nombre}}">
                        	<f:facet name="header">
                        		<h:outputText id="outNombreCompetidor" value="#{general.nombre}" title="#{general.nombre}"/>
                            </f:facet>
                           <h:outputText value="#{row.nombre}"></h:outputText>
                        </rich:column>

                       <rich:column label="#{general.descripcion}}">
                        	<f:facet name="header">
                                    <h:outputText id="outDescripcionCompetidor" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{row.descripcion}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">

                                    <a4j:commandButton id="btnAccionEliminar" action="#{gestorPlanEconomico.eliminarCompetidor}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlCompetidores" immediate="true"/>
                                    <a4j:commandButton id="btnAccionEditar" action="#{gestorPlanEconomico.editarCompetidor}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlCompetidores" immediate="true"/>

	                        </div>
                        </rich:column>

                       <!-- <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoCompetidor" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{row.codigo}"></h:outputText>
                        </rich:column>-->
                   </rich:dataTable>
                     
		</rich:panel>
             
             <!-- =========== PRODUCTOS Y SERVICIOS ================================== -->

             <h:outputText value="Productos y Servicios" />
             <rich:panel id="pnlProductos" >

                 <a4j:commandButton id="btnNuevoProducto" value="Nuevo Producto o Servicio" action="#{gestorPlanEconomico.nuevoProducto}"
                                        title="Nueva" reRender="pnlProductos" immediate="true"/>
             
                 <rich:panel id="pnlProductoServicio" rendered="#{gestorPlanEconomico.renderProductoServicio}" header="Ingresar Producto o Servicio" >
                     <h:panelGrid id="outIngresoProducto" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
                             
                               
                               
                                <h:outputText value="#{general.descripcion}:" />
                                <h:panelGroup>
                                    <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                    <h:inputTextarea id="DescripcionProducto" required="true" value="#{gestorPlanEconomico.currentProductoServicio.descripcion}" style=" width : 250px;">
                                        <f:validateLength minimum="3" maximum="500"/>
                                        <rich:ajaxValidator event="onblur"/>
                                    </h:inputTextarea>
                                    <rich:message for="DescripcionProducto" errorClass="mensaje_error"/>
                                </h:panelGroup>
                             

                              <h:outputText value="Proceso productivo:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="ProcesoProducto" required="true" value="#{gestorPlanEconomico.currentProductoServicio.proceso}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="1000"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="ProcesoProducto" errorClass="mensaje_error"/>
                            </h:panelGroup>

                              <h:outputText value="Estrategia productiva:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="EstrategiaProductiva" required="true" value="#{gestorPlanEconomico.currentProductoServicio.estra_produccion}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="500"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="EstrategiaProductiva" errorClass="mensaje_error"/>
                            </h:panelGroup>

                            


                            <h:outputText value="Precio:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="Precio" value="#{gestorPlanEconomico.currentProductoServicio.precio}"  maxlength="100" style=" width : 180px;">
                                        <a4j:support event="onblur"/>
                                    </h:inputText>
                                <rich:message for="Precio" errorClass="mensaje_error"/>
                            </h:panelGroup>

                            <h:outputText value="#{general.presentacion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputText id="Presentacion" value="#{gestorPlanEconomico.currentProductoServicio.presentacion}"  maxlength="100" style=" width : 180px;">
                                        <a4j:support event="onblur"/>
                                    </h:inputText>
                                <rich:message for="Presentacion" errorClass="mensaje_error"/>
                            </h:panelGroup>


                            <h:outputText value="#{general.distribucion}:" />
                            <h:panelGroup>
                                <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                                <h:inputTextarea id="Distribucion" required="true" value="#{gestorPlanEconomico.currentProductoServicio.distribucion}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="200"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="Distribucion" errorClass="mensaje_error"/>
                            </h:panelGroup>


                            <h:outputText value="#{general.promocion}:" />
                            <h:panelGroup>
                             <!--   <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>-->
                                <h:inputTextarea id="Promocion" required="true" value="#{gestorPlanEconomico.currentProductoServicio.promocion}" style=" width : 250px;">
                                    <f:validateLength minimum="3" maximum="200"/>
                                    <rich:ajaxValidator event="onblur"/>
                                 </h:inputTextarea>
                                <rich:message for="Promocion" errorClass="mensaje_error"/>
                            </h:panelGroup>

                            <h:outputText id="outProductoComercial" value="Producto Comercial:" styleClass="texto_negrita_derecha"/>
                            <h:selectOneMenu id="slmProductoComercial" value="#{gestorPlanEconomico.currentProductoServicio.productivo_comercializacion}" >
                                <f:selectItem id="sliProducto" itemValue="1" itemLabel="Productivo"/>
                                <f:selectItem id="sliComercial" itemValue="2" itemLabel="Comercializacion"/>
                                <a4j:support id="supProductoComercial" event="onchange" ajaxSingle="true"/>
                            </h:selectOneMenu>
                       
                              <!--  <h:outputText value="#{general.codigo}:" />
                                 <h:inputText readonly="true" value="#{gestorPlanEconomico.currentProductoServicio.codigo}" style=" width : 101px;"/>-->


                         </h:panelGrid>

                     
                           <!-- =========== MODAL PANEL FUNCIONALIDADES ================================== -->
                           <h:panelGrid id="outIngresoFuncionalidades" columns="1" styleClass="gridhello" columnClasses="gridhellocolumn">
                            <h:outputText value="Funciones:" />
                           </h:panelGrid>
                           <rich:modalPanel id="panelFuncionalidad" autosized="true">
                               <f:facet name="header">
                                <h:panelGroup>
                                    <h:outputText value="Funcionalidad"></h:outputText>
                                </h:panelGroup>
                            </f:facet>
                                <f:facet name="controls">
                                    <h:panelGroup>
                                        <h:graphicImage value="/imagenes/close.png" style="cursor:pointer" id="hlFuncionalidades"/>
                                        <rich:componentControl for="panelFuncionalidad" attachTo="hlFuncionalidades" operation="hide" event="onclick"/>
                                    </h:panelGroup>
                                </f:facet>
                                <a4j:form id="a4jForm">
                                    <a4j:region>

                             <h:panelGrid id="outIngresoFuncionalidad" columns="3" styleClass="gridhello" columnClasses="gridhellocolumn">

                                    <h:outputText value="Funcionalidad:" />

                                    <h:panelGroup>
                                 <!--       <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>-->
                                        <h:inputTextarea id="Funcionalidad" required="true" value="#{gestorPlanEconomico.currentFuncionalidad.funcion}" style=" width : 250px;">
                                            <f:validateLength minimum="3" maximum="200"/>
                                            <rich:ajaxValidator event="onblur"/>
                                        </h:inputTextarea>
                                        <rich:message for="Funcionalidad" errorClass="mensaje_error"/>
                                    </h:panelGroup>
                                    <!-- <h:outputText value="#{general.codigo}:" />
                                         <h:inputText readonly="true" value="#{gestorPlanEconomico.currentFuncionalidad.codigo}" style=" width : 101px;"/>-->


                                 </h:panelGrid>
                               <a4j:commandButton id="btnGrabarFuncionalidad" value="Grabar Funcionalidad" action="#{gestorPlanEconomico.grabarFuncionalidad}"
                                            title="Grabar" reRender="pnlProductoServicio"/>
                               <a4j:commandButton id="btnCancelarFuncionalidad" value="Cancelar" onclick="Richfaces.hideModalPanel('panelFuncionalidad')"
                                            title="Cerrar" reRender="pnlProductoServicio" immediate="true"/>
                               </a4j:region>

                        </a4j:form>
                      </rich:modalPanel>

                         
                          
                    <a4j:commandButton id="btnNuevoFuncionalidad" value="Agregar Funcionalidad" actionListener="#{gestorPlanEconomico.nuevaFuncionalidad}"
                                        title="Nueva" reRender="pnlProductos" immediate="true">

                     </a4j:commandButton>
                       <!-- =========== TABLA FUNCIONALIDADES ================================== -->

                     <rich:dataTable id="tblFuncionalidades" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowF" value="#{gestorPlanEconomico.currentProductoServicio.funcionalidades}"
                    binding="#{gestorPlanEconomico.tablaFuncionalidades}">
                     
                       <rich:column label="Funcionalidad">
                        	<f:facet name="header">
                                    <h:outputText id="outFuncionalidad" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowF.funcion}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAccionesFun" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAccionesFuncionalidad" align="center">

                                    <a4j:commandButton id="btnFAccionEliminar" action="#{gestorPlanEconomico.eliminarFuncionalidad}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlProductos" immediate="true"/>
                                    <a4j:commandButton id="btnFAccionEditar" actionListener="#{gestorPlanEconomico.editarFuncionalidad}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlProductos" immediate="true"/>

	                        </div>
                        </rich:column>
                         <!--  <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoFuncionalidad" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{rowF.codigo}"></h:outputText>
                        </rich:column>-->
                   </rich:dataTable>
                       


                       
                       <!-- =========== PANEL CARACTERISITCAS ================================== -->
                       <h:panelGrid id="outIngresoCaracteristicas" columns="1" styleClass="gridhello" columnClasses="gridhellocolumn">
                           <h:outputText value="#{general.caracteristicas}:" />
                        </h:panelGrid>
                       <rich:modalPanel id="panelCaracterisitcas" autosized="true" >
                           <f:facet name="header">
                                <h:panelGroup>
                                    <h:outputText value="#{general.caracteristicas}"></h:outputText>
                                </h:panelGroup>
                            </f:facet>
                                <f:facet name="controls">
                                    <h:panelGroup>
                                        <h:graphicImage value="/imagenes/close.png" style="cursor:pointer" id="hlCaracterisiticas"/>
                                        <rich:componentControl for="panelCaracterisitcas" attachTo="hlCaracterisiticas" operation="hide" event="onclick"/>
                                    </h:panelGroup>
                                </f:facet>
                                <a4j:form id="frmCaracteristicas">
                                    <a4j:region>
                                 <h:panelGrid id="outIngresoCaracteristica" columns="3" styleClass="gridhello" columnClasses="gridhellocolumn">

                                     <!--        <h:outputText value="#{general.codigo}:" />
                                             <h:inputText readonly="true" value="#{gestorPlanEconomico.currentCaracteristica.codigo}" style=" width : 101px;"/>-->


                                        <h:outputText value="#{general.descripcion}:" />

                                        <h:panelGroup>
                                        <!--   <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>-->
                                            <h:inputTextarea id="idDescripcion" required="true" value="#{gestorPlanEconomico.currentCaracteristica.descripcion}" style=" width : 250px;">
                                                <f:validateLength minimum="3" maximum="200"/>
                                                <rich:ajaxValidator event="onblur"/>
                                            </h:inputTextarea>
                                            <rich:message for="idDescripcion" errorClass="mensaje_error"/>
                                        </h:panelGroup>


                                     </h:panelGrid>
                                        <a4j:commandButton id="btnGrabarDescripcion" value="Grabar #{general.caracteristicas}" action="#{gestorPlanEconomico.grabarCaracteristica}"
                                            title="Grabar" reRender="pnlProductoServicio"/>
                               <a4j:commandButton id="btnCancelarDescripcion" value="Cancelar" onclick="Richfaces.hideModalPanel('panelCaracterisitcas')"
                                            title="Cerrar"/>

                                </a4j:region>
                                </a4j:form>
                           </rich:modalPanel>

                       <a4j:commandButton id="btnNuevoCaracteristica" value="Agregar #{general.caracteristicas}" actionListener ="#{gestorPlanEconomico.nuevaCaracteristica}"
                                        title="Nueva" reRender="pnlProductos" immediate="true"/>

                     <!-- =========== TABLA CARACTERISTICA ================================== -->

                     <rich:dataTable id="tblCaracteristicas" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowC" value="#{gestorPlanEconomico.currentProductoServicio.caracteristicas}"
                    binding="#{gestorPlanEconomico.tablaCaracteristicas}">
                   
                       <rich:column label="Descripcion">
                        	<f:facet name="header">
                                    <h:outputText id="outDescripcionCaracteristica" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowC.descripcion}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAccionesCar" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAccionesCaracteristica" align="center">

                                    <a4j:commandButton id="btnCAccionEliminar" action="#{gestorPlanEconomico.eliminarCaracteristica}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlProductos" immediate="true"/>
                                    <a4j:commandButton id="btnCAccionEditar" actionListener="#{gestorPlanEconomico.editarCaracteristica}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlProductos" immediate="true"/>

	                        </div>
                        </rich:column>

                          <!--   <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoCaracterisitca" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{rowC.codigo}"></h:outputText>
                        </rich:column>-->
                   </rich:dataTable>
                     


                      
                      <!-- =========== PANEL PROBLEMAS NECESIDADES ================================== -->
                      <h:panelGrid id="outIngresoProblemas" columns="1" styleClass="gridhello" columnClasses="gridhellocolumn">
                            <h:outputText value="Problemas Necesidades:" />
                        </h:panelGrid>
                      <rich:modalPanel id="panelProblemasNecesidades" autosized="true" >
                           <f:facet name="header">
                                <h:panelGroup>
                                    <h:outputText value="Problemas necesidades"></h:outputText>
                                </h:panelGroup>
                            </f:facet>
                                <f:facet name="controls">
                                    <h:panelGroup>
                                        <h:graphicImage value="/imagenes/close.png" style="cursor:pointer" id="hlProblemasNecesidades"/>
                                        <rich:componentControl for="panelProblemasNecesidades" attachTo="hlProblemasNecesidades" operation="hide" event="onclick"/>
                                    </h:panelGroup>
                                </f:facet>
                                <a4j:form id="frmProblemasNecesidades">
                                    <a4j:region>
                           
                             <h:panelGrid id="outIngresoProbelmaNecesidad" columns="3" styleClass="gridhello" columnClasses="gridhellocolumn">

                                    <h:outputText value="Descripcion:" />

                                    <h:panelGroup>
                                      <!--  <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>-->
                                        <h:inputTextarea id="DescripcionProblema" required="true" value="#{gestorPlanEconomico.currentProblemaNecesidad.descripcion}" style=" width : 250px;">
                                            <f:validateLength minimum="3" maximum="200"/>
                                            <rich:ajaxValidator event="onblur"/>
                                        </h:inputTextarea>
                                        <rich:message for="Descripcion" errorClass="mensaje_error"/>
                                    </h:panelGroup>
                                    <!--   <h:outputText value="#{general.codigo}:" />
                                         <h:inputText readonly="true" value="#{gestorPlanEconomico.currentProblemaNecesidad.codigo}" style=" width : 101px;"/>-->
                           </h:panelGrid>
                               <a4j:commandButton id="btnGrabarProblema" value="Grabar Problema/Necesidad" action="#{gestorPlanEconomico.grabarProblemaNecesidad}"
                                            title="Grabar" reRender="pnlProductoServicio"/>
                               <a4j:commandButton id="btnCancelarProblema" value="Cancelar" onclick="Richfaces.hideModalPanel('panelProblemasNecesidades')"
                                            title="Cerrar" immediate="true"/>

                      </a4j:region>
                                </a4j:form>
                      </rich:modalPanel>
                     <!-- =========== TABLA PROBLEMA NECESIDAD ================================== -->
                 <a4j:commandButton id="btnNuevoProblemas" value="Agregar un Problema o Necesidad" actionListener ="#{gestorPlanEconomico.nuevoProblemaNecesidad}"
                                        title="Nueva" reRender="pnlProductos" immediate="true"/>

                 <rich:dataTable id="tblProblemaNecesidad" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowP" value="#{gestorPlanEconomico.currentProductoServicio.problemaNecesidades}"
                    binding="#{gestorPlanEconomico.tablaProblemasNecesidades}">
                    
                       <rich:column label="Descripcion">
                        	<f:facet name="header">
                                    <h:outputText id="outDescripcionProblema" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.descripcion}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAccionesProb" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAccionesProblema" align="center">

                                    <a4j:commandButton id="btnPAccionEliminar" action="#{gestorPlanEconomico.eliminarProblemaNecesidad}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlProductos" immediate="true"/>
                                    <a4j:commandButton id="btnPAccionEditar" actionListener="#{gestorPlanEconomico.editarProblemaNecesidad}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlProductos" immediate="true"/>

	                        </div>
                        </rich:column>

                     <!--   <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoProblema" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.codigo}"></h:outputText>
                        </rich:column>-->
                   </rich:dataTable>
                     

                     <h:panelGrid id="outGrabarProducto" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">

                         <a4j:commandButton id="btnGrabarProducto" value="Grabar Producto/Servicio " action="#{gestorPlanEconomico.grabarProducto}"
                                                title="Grabar" reRender="pnlProductos"/>
                         <a4j:commandButton id="btnCancelarProducto" value="Cancelar" action="#{gestorPlanEconomico.cerrarProducto}"
                                                title="Cerrar" reRender="pnlProductos" immediate="true"/>
                     </h:panelGrid>

                      </rich:panel>


                   


                 <!-- =========== TABLA PRODUCTOS ================================== -->

        	   <rich:dataTable id="tblProductos" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowP" value="#{gestorPlanEconomico.currentEmprendimiento.productoservicios}"
                    binding="#{gestorPlanEconomico.tablaProductoServicio}">
                      <!-- <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoProducto" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.codigo}"></h:outputText>
                        </rich:column>-->
                       <rich:column label="#{general.descripcion}}">
                        	<f:facet name="header">
                                    <h:outputText id="outDescripcionCompetidor" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowP.descripcion}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">

                                    <a4j:commandButton id="btnPAccionEliminar" action="#{gestorPlanEconomico.eliminarProduto}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlProductos" immediate="true"/>
                                    <a4j:commandButton id="btnPAccionEditar" action="#{gestorPlanEconomico.editarProducto}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlProductos" immediate="true"/>

	                        </div>
                        </rich:column>
                   </rich:dataTable>

                 
		</rich:panel>









        	<h:panelGrid id="pngBtnGrabar" columns="2" cellspacing="5px">
                    <a4j:commandButton id="btnGrabar" value="#{general.btnGrabar}" action="#{gestorPlanEconomico.grabar}"
	                                           title="#{general.titleBtnOP}" reRender="pnlCompetidores, pnlProductos"/>
                    
	        </h:panelGrid>
        	<rich:messages id="msgCodigos" level="all" errorClass="mensaje_error" infoClass="mensaje_confirmacion"/>
        </rich:panel>
    </a4j:form>
</ui:composition>